// pages/goodList/goodList.js
import { getallApi,getOrderByApi } from '../../HTTP/api'
Page({
  
  /**
   * 页面的初始数据
   */
  data: {
    // 商品列表总数据
    searchList: [],
    // 过滤后的数据 || 存储的数据
    newSearch: [],
    // 搜索关键字
    keyVal: '',
    // tab切换时的参数状态
    status: 'all',
  },
  // 点击切换tab 
  // 获取不同的参数
  status(e) {
    // 解构参数
    let {
      status
    } = e.currentTarget.dataset
    // 把解构来的参数 切换时调用接口
    // 根据不同的参数 调用对应的数据
    getOrderByApi(status).then(res => {
      this.setData({
        // 获取参数 赋值给要渲染的数据
        newSearch: res.data.result,
        // 把tab切换存储的数据 
        // 用来添加颜色
        status: status
      })
    })
  },
  // 点击搜索
  overInput() {
    this.FnSearch()
  },
  // 封装过滤
  FnSearch() {
    // 用 filter 过滤每一项数据
    // 用 includes 判断一个指定的某项,是否包含一个指定的值
    // 赋值给要渲染的数据
    this.data.newSearch = this.data.searchList.filter(ele => {
      return ele.name.includes(this.data.keyVal)
    })
    // 从新修改数据
    this.setData({
      newSearch: this.data.newSearch
    })
  },
  // 输入框事件
  inpval(e) {
    this.setData({
      keyVal: e.detail.value
    })
    // 判断输入框是否为空
    // 如果为空把搜索数据值置空
    if (this.data.keyVal == '') {
      this.setData({
        newSearch: []
      })
    }
  },
  details(e){
     // console.log(e);
     let {id} = e.currentTarget.dataset
     console.log(id);
     wx.navigateTo({
       url: `/pages/xiaoqing/xiaoqing?id=${id}`,
     })
  },
  add(){
    Toast.success('加入购物车');
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 用过滤器加includes查找
    // 实现模糊查询
    this.setData({
      keyVal: options.value
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    getallApi().then(res => {
        console.log(res);
      this.setData({
        searchList: res.data.result
      })
      this.FnSearch()
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})